<!--
 * @Author: xiaxia
 * @Description: 
 * @Date: 2023-09-13 14:58:00
 * @LastEditTime: 2024-05-31 18:00:11
 * @FilePath: \vue-admin-template\src\components\issueInvioce\module\Remark.vue
-->
<template>
  <div>
    <Information :title="'备注信息'"  :showInfo.sync="showInfo">
      <el-form 
        ref="remarkForm" 
        :model="remarkForm" 
        label-position="top"
      >
        <el-form-item label="备注" prop="custName">
          <el-input 
            type="textarea"
            v-model="remarkForm.billRemark"
            placeholder="如有备注，请输入"
          ></el-input>
        </el-form-item>
        <el-row :gutter="25" v-show="showInfo">
          <el-col :span="6">
            <el-form-item label="开票人" prop="userName">
              <el-input v-model="remarkForm.userName" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="收款人" prop="payeeName">
              <el-input v-model="remarkForm.payeeName" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="复核人" prop="checkName">
              <el-input v-model="remarkForm.checkName" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </Information>

    <!-- <Information :title="'经办人信息'">
      <el-form 
        ref="agentForm" 
        :model="agentForm" 
        label-position="top"
      >
        <el-row :gutter="25">
          <el-col :span="6">
            <el-form-item label="姓名" prop="userName">
              <el-input v-model="agentForm.userName" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="国籍(地区)" prop="checkName">
              <el-input v-model="agentForm.checkName" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="证件类型" prop="checkName">
              <el-input v-model="agentForm.checkName" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="证件号码" prop="checkName">
              <el-input v-model="agentForm.checkName" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="自然人纳税人识别号" prop="checkName">
              <el-input v-model="agentForm.checkName" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </Information> -->
  </div>
</template>

<script>
import Information from "@/components/issueInvioce/module/Information.vue";
export default {
  components:{
    Information
  },
  created(){
    // this.remarkForm.userName = this.$store.state.user.user.userName
  },
  data() {
    return{
      showInfo: true,
      remarkForm:{
        billRemark: '',
        payeeName: '',
        checkName: '',
        userName: '',
      },
      agentForm: {
        
      }
    }
  },
}
</script>

<style lang="scss" scoped>
::v-deep{
  .el-form-item__label{
    padding: 0;
  }
}
</style>